<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<base href="<%=basePath%>"> 
<!-- META TAGS -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>用户登录</title>

<link rel="shortcut icon" href="images/favicon.png" />


<!-- Style Sheet-->
<link rel='stylesheet' id='bootstrap-css-css'
	href='css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css-css'
	href='css/responsive5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='pretty-photo-css-css'
	href='js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css'
	media='all' />
<link rel='stylesheet' id='main-css-css' href='css/main5152.css?ver=1.0'
	type='text/css' media='all' />
<link rel='stylesheet' id='custom-css-css'
	href='css/custom5152.html?ver=1.0' type='text/css' media='all' />

	<!-- script -->
	<script type='text/javascript' src='js/jquery-1.8.3.min.js'></script>
	<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
	<script type='text/javascript'
		src='js/prettyphoto/jquery.prettyPhoto.js'></script>
	<script type='text/javascript' src='js/jflickrfeed.js'></script>
	<script type='text/javascript' src='js/jquery.liveSearch.js'></script>
	<script type='text/javascript' src='js/jquery.form.js'></script>
	<script type='text/javascript' src='js/jquery.validate.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
                <script src="js/html5.js"></script></script>
                <![endif]-->

</head>

<body>

	<!-- Start of Header -->
	<%@ include file="template/header.jsp" %>
	<!-- End of Header -->

<script type="text/javascript">
	// 插件实时检查账号是否可用函数
	function checkAccount(th){
		$.ajax({
			url:"ajax/user_checkAccount?user.account="+th.value,
			method:"get",
			success:function(result){
				console.log(result);
				//var resultJson = JSON.parse(result);
				if(!result.state){
					alert(result.message);
				}
			}
		});
	}
</script>
	<!-- Start of Search Wrapper -->
	<div class="search-area-wrapper">
		<div class="search-area container">
			<h3 class="search-header">用户登录</h3>
			<p class="search-tag-line" style="font-size: 14px;color:red;">
				<s:actionerror/>
			</p>
			<hr/>
				<s:form id="search-form" class="search-form clearfix" method="post" action="/user_login" theme="simple">

				<ul class="right-form">
					<div>
						<li><s:textfield name="user.account" onchange="checkAccount(this);" placeholder="账号"></s:textfield></li>
						<li><s:password name="user.password" placeholder="密码"></s:password></li>
						<a href="#" style="margin-left: 150px;">忘记密码</a>
						<br/><br/>
						<s:submit onclick="myFunction()" value="登录" style="width:230px;"></s:submit>
					</div>
					<div class="clear"> </div>
				</ul>

				<div id="search-error-container"></div>
			</s:form>
			<br/>
			<br/>
		</div>
	</div>
	<!-- End of Search Wrapper -->

<!-- Start of Footer -->
<%@ include file="template/footer.jsp" %>
<!-- End of Footer -->

	<a href="#top" id="scroll-top"></a>



</body>
</html>
    